*{ margin:0; padding:0; list-style: none; font-family:"微软雅黑";}
body{overflow:scroll;overflow-x:hidden}
.h1 {
    width: 1920px;
    height: 40px;
    background-color:#F8F8F8 ;
}
.h2 {
    position: relative;
    left: 50%;
    width: 1200px;
    height: 40px;
    margin-left: -600px;

}
.title {
    float: left;
    text-align: left;
    line-height: 38px;
}
.login {
    float: left;
    text-align: left;
    line-height: 38px;

}
.maxService {
    float: right;
    width: 240px;
}
.phone-number {
    float: left;
    text-align: left;
    line-height: 40px;
}
.head_top {

    width: 1920px;
    height: 150px;
}
.max-top {
    position: relative;
    left: 50%;
    width: 1200px;
    height: 110px;
    margin-left: -600px;


}
.logo {
    float: left;
    width: 200px;
    height: 110px;
}
.Servicebox {
    float: left;
    width:500px;
    height: 36px;
    border: 1px solid  #247dd9;
    border-radius: 10px;
    margin-top: 30px;
    margin-left: 60px;
    text-align: left;

}
.goods-search{
    float: left;
    width: 14%;
    text-align: center;
    height: 35px;
    border: none;
    outline: none;
    margin-left: 2%;
}
.goods-input{
    border:none;
    width:50%;
    height:34px;
    float:left;
    border-radius:20px;
    outline: none;
    margin-left: 10px;
}
.btn {
    float: right;
    width: 50px;
    height: 40px;
    text-align: center;
    margin-top: 5px;
}
.max-order {
    float: left;
    width: 100px;
    height: 43px;
    text-align: left;
    margin-top: 30px;
    margin-left: 190px;
}
.myorder {
      float: left;
      width: 100px;
      height: 40px;
      margin-top: -30px;
      margin-left: 40px;
}
.max-gwc {
    float: left;
    width: 100px;
    height: 43px;
    text-align: left;
    margin-top: 30px;
    margin-left: 30px;
}
.gouwuche {
    float: left;
    width: 100px;
    height: 40px;
    margin-top: -30px;
    margin-left: 50px;
}
.max-menu {
    width: 1920px;
    height: 40px;
    background-color:#F8F8F8 ;
}
.all-goods {
    position: relative;
    left: 50%;
    width: 200px;
    height: 40px;
    margin-left: -600px;
    background-color: #1A2B8B;


}
.hg {
    float: left;
    width: 50px;
    height: 36px;
    text-align: center;
    line-height: 46px;
}
.sort {
    float: left;
    width: 100px;
    height: 36px;
    text-align: center;
    line-height: 36px;
}
.menu {
    float: left;
    width: 660px;
    height: 40px;
    z-index: 1002;
    position: relative;
    margin-left: 240px;
    margin-top: -35px;
}

.menu ul {
    padding: 0;
    width: 680px;
    list-style-type: none;
}

.menu ul li{
    float: left;
    height:45px;
    line-height:15px;
    padding:0px;
    margin-left:-20px;
    display: inline;
}

.menu ul li ul {
    display: none;
    margin-left:20px;
}

.menu ul li ul  li{
    width:90px;
    border-bottom:1px solid #ddd9c7;
}

.menu ul li:hover ul {
    display: block;
    width: 90px;
    position: absolute;
    z-index:3;
}

.menu ul li a:link, .menu ul li a:visited {
    color: #333333;
    text-decoration: none;
    display: block;
    width: 105px;
    height: 40px;
    margin-top: 10px;
    text-align: center;

}

.menu ul li:hover a {
    color: #4BAAF5;
    font-weight: bold;
}

.menu ul li ul li a:link, .menu ul li ul li a:visited {
    opacity:0.9;
    filter:alpha(opacity=90);
    background: #f3f3f3;
    color: #000;
    text-align: center;
    line-height: 40px;
}

.menu ul li ul li:hover a {
    background: #4BAAF5;
    color: #fff;
    font-weight: bold;
}

.top-menu-main {
    list-style:none;
}

.top-menu-main .top-menu {
    display:inline;
    margin-right:26px;
}

.top-menu-main .top-menu a{
    font-size:16px;
    font-weight:bold;
    font-family:Microsoft YaHei,黑体,宋体,sans-serif;

}
.pic {
    float: left;
    width: 134px;
    height: 20px;
    text-align: left;
    margin-top: -20px;
    margin-left: 960px;
}
.min {
    width: 100%;
    height: 450px;
    border-top: 1px solid #000000;
    background-color:#4DC9B6;
}
.content {
    position: relative;
    left: 50%;
    width: 200px;
    height: 450px;
    margin-left: -600px;
    margin-top: -450px;
    background-color: #245AA7;
}
.banner {
    position:absolute;
    width: 1920px;
    height: 450px;
    z-index:0;

}
.wrapper{position: relative;width: 1920px;height: 450px;}
.banner-1{width: 1920px;height: 450px;overflow: hidden;}
.imgList{width:1920px;height:450px;z-index: 10;}
.imgList li{display: none;}
.imgList .imgOn{display: inline;}
.bg{position: absolute;bottom: 0;width: 400px;height: 40px;z-index:20;opacity: 0;filter:alpha(opacity=40);background: black;}
.infoList{position: absolute;left: 10px;bottom: 10px;z-index: 30;}
.infoList li{display: none;}
.infoList .infoOn{display: inline;color: white;}
.indexList{position: absolute;right: 760px;bottom: 30px;z-index: 30;}
.indexList li{float: left;margin-right: 10px;width: 50px;height: 5px;border-radius: 5px;background: white;cursor: pointer;}
.indexList .indexOn{background: grey;font-weight: bold;color: white;}

.content-2 {
    position: relative;
    left: 50%;
    width: 300px;
    height: 450px;
    margin-left: 300px;
    margin-top: -450px;
    background-color: #F8F8F8;
}
.text {
    width: 300px;
    height: 48px;

}
.shiyan {
    float: left;
    margin-left: 15px;
    margin-top: 10px;
}
.box-2 {
    width: 300px;
    height: 230px;
    margin-left: -1px;
    margin-top: 10px;
    border: 1px solid  #C1C1C1;
}
.png {
    float: left;
    margin-left: 8px;
    margin-top: 20px;
}
.jiance {
    float: left;
    margin-left: 10px;
    margin-top: 20px;
}
.box-3 {float: left;
    width: 300px;
    height: 162px;
}
.png-1 {float: left;
    width: 98px;
    height: 80px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #C1C1C1;
}
.tupian1{ float: left; margin-left: 35px; margin-top: 10px;}
.png-2 {float: left;
    width: 98px;
    height: 80px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #C1C1C1;
}
.tupian2{ float: left; margin-left: 45px; margin-top: 10px;}
.png-3 {float: left;
    width: 98px;
    height: 80px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #C1C1C1;
}
.tupian3{ float: left; margin-left: 30px; margin-top: 10px;}
.png-4 {float: left;
    width: 98px;
    height: 80px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #C1C1C1;
}
.tupian4{ float: left; margin-left: 35px; margin-top: 10px;}
.png-5 {float: left;
    width: 98px;
    height: 80px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #C1C1C1;
}
.tupian5{ float: left; margin-left: 45px; margin-top: 10px;}
.png-6 {float: left;
    width: 98px;
    height: 80px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #C1C1C1;
}
.tupian6{ float: left; margin-left: 35px; margin-top: 10px;}
.max-btn {
    width: 1920px;
    height: 200px;
    background-color:#F8F8F8;
}
.btn-box {
      position: relative;
      float: left;
      left: 50%;
      width: 1200px;
      height: 156px;
      margin-left: -600px;
      margin-top: 20px;
      background-color: #FFFFFF;

}
.pituer-1 {
       float: left;
       width: 150px;
       height: 70px;
       text-align: left;
       vertical-align: middle;
       margin-left: 25px;
       margin-top: 25px;
}
.click {
     float: left;
     width: 110px;
     height: 36px;
     text-align: center;
     line-height: 36px;
     border-radius: 30px;
     margin-top: 105px;
     margin-left: -140px;
     background-color: #365EC5;
}
.click-2 {
    float: left;
    width: 110px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 30px;
    margin-top: 105px;
    margin-left: -150px;
    background-color: #4DC9B6;
}
.click-4 {
    float: left;
    width: 110px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 30px;
    margin-top: 105px;
    margin-left: -130px;
    background-color: #4DC9B6;
}
.click-3 {
    float: left;
    width: 110px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 30px;
    margin-top: 105px;
    margin-left: -145px;
    background-color: #365EC5;
}
.pituer-2 {
      float: left;
      width: 74px;
      height: 156px;
      margin-left: 15px;

}
.pituer-3 {
    float: left;
    width: 2px;
    height: 90px;
    margin-top:45px;
    margin-left: 25px;
    background-color: #D9D9D9;
}
.pituer-4 {
    float: left;
    width: 170px;
    height: 70px;
    text-align: center;
    vertical-align: middle;
    margin-left: 15px;
    margin-top: 25px;
}
.pituer-5 {
    float: left;
    width: 77px;
    height: 156px;
    margin-left: 15px;

}
.pituer-6 {
    float: left;
    width: 2px;
    height: 90px;
    margin-top:45px;
    margin-left: 25px;
    background-color: #D9D9D9;
}
.pituer-7 {
     float: left;
     width: 170px;
     height: 70px;
     text-align: center;
     vertical-align: middle;
     margin-left: 15px;
     margin-top: 25px;

 }
.pituer-8 {
    float: left;
    width: 83px;
    height: 70px;
    text-align: center;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: 10px;
}
.pituer-9{
    float: left;
    width: 2px;
    height: 90px;
    margin-top:45px;
    margin-left: 25px;
    background-color: #D9D9D9;
}
.pituer-10 {
    float: left;
    width: 130px;
    height: 70px;
    vertical-align: middle;
    margin-left: 30px;
    margin-top: 25px;
}
.pituer-11 {
    float: left;
    width: 83px;
    height: 70px;
    text-align: center;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: 45px;
}
.img-01 {
    float: left; margin-left: 2px; margin-top: 20px;
}
.img-02 {
    float: left; margin-top: 35px;
}
.img-03 {
    float: left; margin-left: 20px; margin-top: 20px;
}
.img-04 {
    float: left; margin-top: 40px;
}
.img-05 {
    float: left; margin-left: 25px;margin-top: 20px;
}
.img-06 {
    float: left; margin-top: 40px;
}
.img-07 {
    float: left; margin-top: 20px;
}
.max-stn {
    width: 1920px;
    height: 330px;
    background-color:#2A3744;
}

.max-ltn {
    position: relative;
    width: 1920px;
    height: 70px;
    background-color:#212A34;
}
.box2{margin:0px auto; padding:0px; width:200px;}
.box2 ul{margin:0px; padding:0px; list-style:none;border: 0;}
.box2 ul li{ margin: 0px 2px 0px 0px; padding: 0px; width: 200px; height: 45px; display: block; border-radius: 0px;
    box-shadow: #000 0px 0px 0px; border: 0; background-color: #245AA7; }
.box2 ul li:hover ul{display:block;color: #01AAED}
.box2 ul li a{text-align:center; width:200px; height:45px; line-height:45px; font-size: 18px;color: #C6B7B7; display:block; text-decoration:none;}
.box2 ul li ul{display:none;position:relative; top:-45px; left:200px;}
.box2 ul li ul li{margin:0px 0px 0px 0px; padding:0px 	; opacity: 0.8;}
.sech{background:white;opacity: 0.8;}
.box2 ul li:hover{background:white;}
.box2 ul li ul li:hover{opacity: 0.8;}
.box2 ul li ul li:hover ul{visibility:visible;}
.box2 ul li ul li ul{visibility:hidden; position:relative; top:-45px; left:200px;}
.box2 ul li ul li ul li{background:#FFFFFF;}
.box2 ul li ul li ul li:hover{background:#AFEEEE;}
.thirdh{background-color: #1E90FF;}

.max-foot {
    position: relative;
    left: 50%;
    width: 1200px;
    height: 400px;
    margin-left: -600px;
}
.te {
    float: left;
    width: 260px;
    height: 400px;
}
.s-1 {
    position: relative;
    display: block;
    top: 50px;
    left: 20px;
    font-size: 24px;
    color: white;
}
.s-2 {
    position: relative;
    display: block;
    top: 80px;
    left: 40px;
    font-size: 14px;
    color: white;
}
.s-3 {
    position: relative;
    display: block;
    top: 80px;
    left: 40px;
    margin-top: 10px;
    font-size: 14px;
    color: white;
}
.s-4 {
    position: relative;
    display: block;
    top: 80px;
    left: 40px;
    margin-top: 10px;
    font-size: 14px;
    color: white;
}
.s-5 {
    position: relative;
    display: block;
    top: 80px;
    left: 40px;
    margin-top: 10px;
    font-size: 14px;
    color: white;
}
.p-1 {
    float: left;
    width: 1px;
    height: 200px;
    margin-top: 60px;
    margin-left: 10px;
    background-color: #D9D9D9;
}
.te-2 {
    float: left;
    width: 360px;
    height: 400px;
    margin-left: 10px;
}
.d-1 {
    position: relative;
    display: block;
    top: 50px;
    left: 30px;
    font-size: 24px;
    color: white;
}
.v1 {
    float: left;
    margin-top: 60px;
    width: 400px;
    height: 182px;

}
.v1 ul {
    list-style: none;

}
.v1 ul li{
    display: inline-block;
    width: 60px;
    margin-top: 20px;
    margin-left: 25px;
}

.p-2 {
    float: left;
    width: 1px;
    height: 200px;
    margin-top: 60px;
    margin-left: 10px;
    background-color: #D9D9D9;
}
.v-2 {
    float: left;
    width: 160px;
    height: 400px;
    margin-left: 10px;
}

.t-1 {
    position: relative;
    display: block;
    top: 50px;
    left: 35px;
    font-size: 24px;
    color: white;
}
.v-2 ul li {
    position: relative;
    display: block;
    top: 65px;
    left: 40px;
    margin-top: 15px;
    font-size: 14px;
    color: white;
}
.t-2 {
    position: relative;
    display: block;
    top: 50px;
    left: 35px;
    font-size: 24px;
    color: white;
}
.v-3 {
    float: left;
    width: 160px;
    height: 400px;
    margin-left: 25px;

}
.v-3 ul li {
    position: relative;
    display: block;
    top: 65px;
    left: 40px;
    margin-top: 15px;
    font-size: 14px;
    color: white;
}
.t-3 {
    position: relative;
    display: block;
    top: 50px;
    left: 35px;
    font-size: 24px;
    color: white;
}
.v-4 {
    float: left;
    width: 160px;
    height: 400px;
    margin-left: 30px;
}
.v-4 ul li {
    position: relative;
    display: block;
    top: 65px;
    left: 40px;
    margin-top: 15px;
    font-size: 14px;
    color: white;
}